<!DOCTYPE html>

<html>

	<head>

		<meta name=viewport content='user-scalable=yes'/>

		<link rel=stylesheet href=css/jquery.mobile.css />
		<link rel=stylesheet href=css/additional_styles.css />

		<script src=jquery/jquery.js></script>
		<script src=jquery/jquery.mobile.js></script>
		<script src=jquery/function.js></script>
		<script src=jquery/jquery.knob.js></script>

		<style>


		</style>

		<title>Szenen</title>
	</head>

	<body>
		<div data-role='page' id='Scene0' data-theme=b style='margin-left: 0; margin-right: 0;'>

			<div data-role='popup' id='popupMenu0' data-theme=b>
				<ul data-role='listview' data-inset='true' style='min-width:210px;' data-theme=b>
					<li data-role='divider' data-theme=a>
						Men&uuml;
					<li>
						<a href='lightmanager.php' data-ajax=false>Aktoren</a>
					</li>
					<li>
						<a href='map.php' data-ajax=false>Karte</a>
					</li>
					<li>
						<a href='szenen.php' data-ajax=false>Szenen</a>
					</li>
				</ul>
			</div>
			<div data-role='header'>
				<h1>Szenen</h1>
				<a href=index.php data-role=button data-icon=home data-iconpos=notext data-theme=a data-ajax=false></a>
				<a href=alles_aus.php data-role=button id=ausButton data-icon=custom data-iconpos=notext></a>
			</div>
			<div data-role=content data-theme=b >
				<div data-role=collapsible-set data-theme=b data-content-theme='d'>
					<div data-role=collapsible>
						<h2>Stimmungen</h2>
						<ul data-role=listview data-split-icon=gear data-split-theme=d>
							<li>
								<a href=# onClick="perform_light_scene('001');"> <img src=images/scenes/default.png /> <h3>Alles aus</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('001', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

							<li>
								<a href=# onClick="perform_light_scene('002');"> <img src=images/scenes/tv.png /> <h3>Fernsehlicht</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('002', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

							<li>
								<a href=# onClick="perform_light_scene('005');"> <img src=images/scenes/sleep.png /> <h3>Gute Nacht</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('005', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

						</ul>
					</div>
					<div data-role=collapsible>
						<h2>Wohnzimmer</h2>
						<ul data-role=listview data-split-icon=gear data-split-theme=d>
							<li>
								<a href=# onClick="perform_light_scene('004');"> <img src=images/scenes/default.png /> <h3>Wohnzimmer gedimmt</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('004', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

							<li>
								<a href=# onClick="perform_light_scene('007');"> <img src=images/scenes/default.png /> <h3>Wohnzimmer nur Decke</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('007', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

							<li>
								<a href=# onClick="perform_light_scene('008');"> <img src=images/scenes/default.png /> <h3>Wohnzimmer aus</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('008', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

						</ul>
					</div>
					<div data-role=collapsible>
						<h2>Esszimmer</h2>
						<ul data-role=listview data-split-icon=gear data-split-theme=d>
							<li>
								<a href=# onClick="perform_light_scene('003');"> <img src=images/scenes/default.png /> <h3>Esszimmer gedimmt</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('003', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

							<li>
								<a href=# onClick="perform_light_scene('006');"> <img src=images/scenes/default.png /> <h3>Esszimmer hell</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('006', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

							<li>
								<a href=# onClick="perform_light_scene('009');"> <img src=images/scenes/default.png /> <h3>Esszimmer aus</h3> <p>

								</p> </a>
								<a href=# onClick="stepPopup('009', 0)" data-rel=#popup data-position-to=window data-transition=slideup>Details</a>
							</li>

						</ul>
					</div>
				</div>
			</div>

			<div data-role=footer data-position=fixed id=footer_actors data-theme=a>
				<div data-role=navbar>
					<ul>
						<li></li>
						<li>
							<a href='#popupMenu0' data-rel='popup' data-role='button' data-inline='true'>Men&uuml;</a>
						</li>
						<li></li>
					</ul>
				</div>
			</div>

			<div data-role=popup id=stepPopup0 data-overlay-theme=a class=ui-corner-all style='background-color:#000000; color:#FFFFFF'>
				<a href=# data-rel=back data-role=button data-theme=a data-icon=delete data-iconpos=notext class=ui-btn-right>Close</a>

				<ul data-role=listview id=stepPopupUL0>
					<li>
						<table width=100%>
							<tr>
								<td width=30%>
								<div data-role='navbar' data-iconpos='top'>
									<ul>
										<li>
											<a href=# data-icon='plus'>
											<br>
											Heller
											<br>
											<br>
											</a>
										</li>
									</ul>
								</div>
								<div data-role='navbar' data-iconpos='bottom'>
									<ul>
										<li>
											<a href=# data-icon='minus'>
											<br>
											Dunkler
											<br>
											<br>
											</a>
										</li>
									</ul>
								</div></td><td width=70% >
								<div >
									<div>

										<input class='knob' data-width='200' data-displayPrevious='true' data-fgColor='#ffec03' data-skin='tron' data-cursor='true' value='8' data-thickness='.5' data-min='0' data-max='16'>
									</div>
								</div></td>
							</tr>
							<tr>
								<td colspan=2>
								<div data-role='navbar' data-iconpos='top'>
									<ul>
										<li>
											<a href=# data-icon='plus'>ON</a>
										</li>
										<li>
											<a href=# data-icon='plus'>OFF</a>
										</li>
									</ul>
								</div></td>
							</tr>
						</table>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
<script>
	function stepPopup(Scene_id, Page) {

		$('#stepPopup0').popup('open');
		makeknob();
		

	}

</script>

